選單 Design Menus（模式）

選單的設計是用來替換掉操作表（action sheets）和彈出視窗（popovers）

在 iOS 13 中，選單在 iPhone 上以操作表的形式呈現，在 iPad 上則以彈出框的形式呈現。

操作表（action sheets）和彈出視窗（popovers）的缺點：

A 隨著 iPhone 螢幕變得越來越大，iPad 應用變得越來越豐富和密集，操作表和彈出框開始顯示出一些缺點。(大螢幕裝置上的介面互動需求促使我們對現有元件進行改進。)

B 出現時會使背景變暗，這會導致較重的過渡，尤其是在像 iPad 這樣的大螢幕裝置上。(背景變暗的視覺效果在大螢幕上顯得過於突兀。)

C 列表中的操作項雖然標籤很短，但操作項本身卻很大。(操作項的設計在視覺上不夠精簡。)

D 這些操作項不能滿足所有互動需求。經常需要將手指移到螢幕的另一邊才能選擇一個操作或取消。(在大螢幕裝置上操作表的互動成本較高。)

選單Menus的優點：

A 選單會出現在你點選的地方旁邊，這樣選擇操作時需要移動手指的距離就少得多了。(這種設計減少了手指在螢幕上移動的距離，提高了操作效率。)

B 過渡非常快速和輕盈，時間較短但仍然感覺順滑，並且不會使背景變暗，顯得不那麼突兀。(視覺上的過渡效果更為柔和，避免了背景變暗帶來的突兀感。)

C 選單中的專案更小更簡潔，但仍然易於點選，並且支援多行長字串。(介面設計更加緊湊，提高了資訊的可讀性。)

A 每個操作的左側都有一個標籤，右側有一個可選圖示。SF Symbol 也可以是自定義影象。

B 新增標題，幫助你理解需要進行的選擇。(標題提供了額外的上下文資訊，便於使用者理解。)

C 新增分隔符來建立層次結構。(分隔符用於區分不同的操作組，增強介面結構性。)

D 選單可以從任何按鈕呈現。(這種靈活性使得選單可以在應用程式的不同部分使用。)

例如，在音樂應用中的“排序”按鈕。

選擇一個選項時，我可以點按並按住按鈕，然後將手指移到想選擇的選項上並鬆開。或者，我可以直接點選按鈕，然後點選我想選擇的操作。在任何時候，我都可以點選選單外部來關閉它。這樣會隱藏選單，並且不會應用任何更改。

E 不需要在選單中新增額外的取消選項。只需點選選單外部即可達到相同的效果。

F 選單遵循 iOS 和 iPad OS 中的無障礙設定，例如 VoiceOver、增加對比度、減少動態效果和更大字型

A Disambiguation 消除歧義。這種設計透過明確的按鈕提示使用者操作，然後透過選單進一步明確使用者的需求）

例如，在照片應用中，左上角有一個明顯的“新增”按鈕。點選這個按鈕會顯示一個選單，詢問你具體想新增什麼

在備忘錄應用中，有一個明確的操作可以向筆記中新增圖片，點選後，它會詢問你想新增哪種型別的圖片

當我編輯影片時，有一個明確的“完成”按鈕來儲存我編輯過的影片。點選它會詢問我想如何儲存。

B Navigation 導航

例如，在Safari中，我可以長按“返回”按鈕，顯示本次會話中我之前訪問過的網站列表。任何導航棧中的“返回”按鈕也會顯示類似的選單

C Selection 選擇

在播客應用中使用“排序”按鈕。用於選擇的選單在選中的專案旁邊會有複選標記。（這種設計透過複選標記，幫助使用者明確當前的選擇狀態）

D Showing secondary options 顯示次要選項（用於收集一系列次要操作）。這種設計透過“更多”按鈕將次要操作收納在選單中，既節省空間又保持介面整潔

iOS 13中的檔案應用有許多操作分散在檢視中，這會分散你對內容的注意力。因此，透過將它們收集並組織到選單中，應用變得更易於使用。

D 在iPad和Mac上的使用者體驗保持一致性

A 雖然選單能簡化介面，把所有功能都放進“更多”選單裡，就讓使用者不知道這個介面能做什麼。

對於郵件應用，撰寫資訊是使用者在資訊應用中的核心操作，因此保持它的顯著位置有助於提升使用體驗

B 額外選項不一定總是要隱藏在“更多”按鈕後面。它們也可以透過不同的手勢出現。例如，在Safari中，點選右上角的操作按鈕可以管理標籤頁，但長按同一個按鈕，可以顯示與這些標籤頁相關的一系列操作（透過不同的手勢觸發不同的操作，增加了介面的靈活性和功能性）。

C 對於破壞性操作。透過增加確認步驟，防止使用者意外執行破壞性操作，從而保護使用者資料。為避免意外刪除，確認操作需要與刪除操作位於不同位置。因此當點選刪除操作時，檢視底部會出現一個操作表，要求二次確認。